<%@ taglib uri="/tld/extremecomponents" prefix="ec" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script src="../js/highcharts.js"></script>
	<script src="../js/series-label.js"></script>
	<script src="../js/exporting.js"></script>
	<script src="../js/export-data.js"></script>

	<script src="../js/data.js"></script>
	<script src="../js/drilldown.js"></script>
	
    <link rel="stylesheet" href="<%=request.getContextPath() %>/css/fontawesome.min.css"/>
    <link rel="stylesheet" href="<%=request.getContextPath() %>/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="<%=request.getContextPath() %>/css/templatemo-style.css"/>
		
		<title>首页</title>
	</head>

	<body>	 
	<div id="container"></div>
		<script type="text/javascript">
		var aa = new Array();
		//var bb = new Array();
		//<c:forEach items="${PAPERINFO}" var="user">
		var a = "jsj_01";
		//aa=parseFloat("${user.avg}");
				var x1 = parseFloat("${PAPERINFO[0].avg}");
				var x2 = parseFloat("${PAPERINFO[1].avg}");
				var x3 = parseFloat("${PAPERINFO[2].avg}");
				var x4 = parseFloat("${PAPERINFO[3].avg}");
				var x5 = parseFloat("${PAPERINFO[4].avg}");
				var x6 = parseFloat("${PAPERINFO[5].avg}");
				var x7 = parseFloat("${PAPERINFO[6].avg}");
				
				//aa.push(x1,x2,x3,x4,x5);
				aa.push(x1,x2,x3);
		//</c:forEach>
Highcharts.chart('container', {

    title: {
        text: '${PAPERINFO[0].course_name}考试各小题平均分 '
    },

    subtitle: {
        text: '来源: 教务处成绩网站  '
    },

    yAxis: {
        title: {
            text: '平均分 '
        }
    },
    legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'middle'
    },

    plotOptions: {
        series: {
            label: {
                connectorAllowed: false
            },
            pointStart: 1
        }
    },

    series: [{
        name: '${PAPERINFO[0].course_name}',
        data: [x1,x2,x3,x4,x5,x6,x7]
    }],

    responsive: {
        rules: [{
            condition: {
                maxWidth: 500
            },
            chartOptions: {
                legend: {
                    layout: 'horizontal',
                    align: 'center',
                    verticalAlign: 'bottom'
                }
            }
        }]
    }

});
		</script>
		<button id="item1" type="button" style="position:center;right:0;bottom:0;"
							 class=" btn-primary " onclick="window.location='paper?ActionType=paper_ItemScoreInit'" >详情</button>					 
	</body>
</html>


